* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Microsoft Yahei";
    line-height: inherit;
}

/*a:hover, a:focus{
	color: #fff;
}*/
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    padding-top: 28px;
    font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
    background-color: #fff;
    color: #333;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

a {
    cursor: pointer;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

input {
    outline: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

input[readonly], input:disabled, select:disabled {
    cursor: not-allowed;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    -ms-appearance: none;
}

select::-ms-expand {
    display: none;
}

.top_submit {
    border: none;
    border-radius: 4px;
    background-color: #3e50b4;
    color: #fff;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

.deep_blue {
    color: #3e50b4;
}

.gray_skin {
    background-color: #f2f7fa;
}

.tms_skin {
    background-color: #e8f0f5;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.active .hide {
    display: block !important;
}

.swiper-container {
    width: 100%;
}

.content {
    width: 1200px;
    margin: 0 auto;
}

.normal_input {
    border: 1px solid #cee0f4;
    font-size: 14px;
    color: #5c6e78;
    background-color: #f2f7fa;
}

.pull_right {
    float: right;
}

.pull_left {
    float: left;
}

.header:after, .page_title_op:after,
.content:after,
.first_nav_list:after,
.tab_name:after, .code:after, .fill_list:after,
.fill_content:after, .block:after, .file_img:after,
.user_center:after, .table_list_container:after,
.table_list:after, .stream_four:after, .basic_cost:after,
.logistics_detail:after, .car_stream_four:after, .car_stream_inline > li:after,
.accept_left:after, .accept_right:after, .accept_basic_detail > .msg:after,
.spl_info:after, .progress_list:after, .modal_container > .area_list:after,
.modal_container > .head_list:after, .invite_search:after, .invite_modal_content > .head_list:after,
.invite_modal_content > .area_list:after, .datalist > ul:after, .head_list:after, .area_list:after,
.modal_bottom_form:after, .block_line:after, .stream_four .time:after {
    content: '';
    display: table;
    clear: both;
}

.login_bg {
    background: url('/statics/image/login_bg_lower.jpg') no-repeat center center fixed;
    background-size: cover;
}

.login_title {
    margin-top: 40px;
    color: #fff;
    font-weight: 100;
    font-size: 26px;
}

.login_title a {
    color: #fff;
}

.login_title .big {
    font-size: 26px;
    font-weight: bold;
}

.tms_second_nav > li > a.active {
    color: #0fa1f7;
    position: relative;
}

.tms_second_nav > li.active > a.active:after {
    display: none;
}

.tms_second_nav > li > a.active:after {
    content: '';
    position: absolute;
    display: block;
    height: 2px;
    width: 100%;
    background-color: #0fa1f7;
    bottom: 2px;
    left: 0;
    right: 0;
}

.tms_second_nav_container {
    width: 100%;
    background-color: #f2f7fa;
}

.nav_padding {
    padding-left: 52px;
}

.tab_name > li {
    float: left;
    width: 50%;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    text-align: center;
    color: #747474;
    font-size: 16px;
    background-color: #eceff5;
}

.tab_name > li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #747474;
}

.tab_name > li.active {
    background-color: #fff;
    color: #3e50b4;
}

.tab_name > li.active a {
    color: #3e50b4;
}

.login_content {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -190px;
    margin-left: -200px;
    width: 400px;
    height: 380px;
    background-color: #fff;
    border-radius: 10px;
}

.tab_name > .lg {
    border-radius: 10px 0 0 0;
}

.tab_name > .rg {
    border-radius: 0 10px 0 0;
}

.login_form_detail {
    padding: 28px 32px 0;
}

.loginform > li,
.registform > li {
    padding: 10px 0;
}

.registform > .check_agree {
    font-size: 14px;
    color: #9d9d9d;
}

.registform > .check_agree a {
    color: #7884ca;
}

.gray_link {
    color: #747474;
    font-size: 14px;
    display: block;
    text-align: right;
}

.login_input {
    width: 100%;
    height: 32px;
    border: 1px solid #d0d0d0;
    border-radius: 8px;
    padding: 0 10px;
    font-size: 14px;
    color: #9d9d9d;
}

.login_input::-webkit-input-placeholder,
.login_input::-ms-input-placeholder,
.login_input::-moz-placeholder {
    color: #9d9d9d;
}

.login_icon {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: 16px 10px;
    background: url('/statics/image/login_icon.png') no-repeat center center;
    vertical-align: top;
}

.regist_icon {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: 16px 10px;
    background: url('/statics/image/regist_icon.png') no-repeat center center;
    vertical-align: top;
}

.active .regist_icon {
    background: url('/statics/image/regist_icon_active.png') no-repeat center center;
}

.active .login_icon {
    background: url('/statics/image/login_icon_active.png') no-repeat center center;
}

.login_btn {
    display: block;
    width: 150px;
    height: 44px;
    border-radius: 22px;
    background-color: #3e50b4;
    box-shadow: none;
    border: none;
    color: #fff;
    text-align: center;
    line-height: 44px;
    cursor: pointer;
    margin: 32px auto 0;
}

.forget_psw {
    margin-top: 20px;
}

.login_btn:disabled {
    background-color: #ccc;
}

.get_code {
    border: 1px solid #3e50b4;
    color: #3e50b4;
    height: 32px;
    border-radius: 8px;
    background-color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.code .login_input {
    width: 60%;
    float: left;
}

.code .get_code {
    width: 36%;
    float: right;
}

input[readonly].normal_input,
input[readonly].fill_input {
    cursor: pointer;
}

/************/
.header {
    position: fixed;
    z-index: 99;
    top: 0;
    width: 100%;
    min-width: 1200px;
    height: 28px;
    background-color: #3a3a3a;
    overflow: hidden;
}

.header .first_nav_list {
    overflow: hidden;

    line-height: 28px;
}

.header .first_nav_list > li {
    height: 28px;
    margin-left: 20px;
    float: left;
}

.header .first_nav_list > li > a {
    color: #fff;
    font-size: 12px;
}

.header_nav {
    height: 80px;
    width: 100%;
    min-width: 1200px;
    background-color: #fff;
}

.home_logo {
    height: 80px;
}

.home_logo > img {
    display: block;
    height: 46px;
    margin: 17px 0;
}

.second_nav_list > li {
    line-height: 80px;
    margin-left: 60px;
    float: left;
}

.second_nav_list > li > a {
    color: #464646;
    font-size: 18px;
}

.second_nav_list > li > a.active {
    color: #3e50b4;
}

.tms_nav.second_nav_list > li > a.active {
    color: #0fa1f7;
}

.index_swiper {
    width: 100%;
    /*min-height: 558px;*/
}

.index_swiper .swiper-slide {
    width: 100%;
    /*min-height: 558px;*/
}

.swiper-slide img {
    display: block;
    width: 100%;
    /*min-height: 558px;*/
}

.index_tag_container {
    width: 100%;
}

.tag_list > li {
    float: left;
    text-align: center;
    width: 25%;
    height: 360px;
    padding: 60px 0 0 0;
}

.tag_list > li > h2 {
    font-size: 20px;
    font-weight: normal;
}

.tag_list > li > p {
    margin-top: 38px;
    font-size: 16px;
    color: #6e6e6e;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
}

.tag_list > li > .icon {
    display: block;
    width: 106px;
    height: 118px;
    margin: 0 auto 20px;
}

.box_icon > .icon {
    background: url('/statics/image/box.png') no-repeat center center;
    background-size: 100%;
}

.car_icon > .icon {
    background: url('/statics/image/car.png') no-repeat center center;
    background-size: 100%;
}

.bulb_icon > .icon {
    background: url('/statics/image/bulb.png') no-repeat center center;
    background-size: 100%;
}

.flash_icon > .icon {
    background: url('/statics/image/lightning.png') no-repeat center center;
    background-size: 100%;
}

.download_container {
    height: 370px;
    width: 100%;
    background: url('/statics/image/download_bg.png') no-repeat center center;
    background-size: cover;
    overflow: hidden;
}

.download_container > .content {
    padding: 40px 0 0 400px;
    position: relative;
}

.left_app {
    position: absolute;
    left: 120px;
    top: 40px;
    width: 215px;
    height: 440px;
}

.down_list > .title > h2 {
    color: #fff;
    font-size: 30px;
    font-weight: normal;
}

.down_list > .title {
    margin-bottom: 30px;
}

.down_list > .detail {
    color: #fff;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 50px;
}

.qrcode_text {
    width: 100px;
    margin-right: 55px;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.qrcode_text > .code {
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
}

.qrcode_text > .code img {
    display: block;
    width: 100%;
    height: 100px;
}

.down_link {
    display: block;
    width: 130px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    border: 1px solid #fff;
    border-radius: 6px;
    margin-bottom: 12px;
}

.new_question_container {
    padding: 36px 0 100px;
    background-color: #fff;
}

.new_question_container .news,
.new_question_container .questions {
    width: 580px;
}

.new_question_container .part_head {
    height: 42px;
    border-left: 2px solid #ffc107;
    padding-left: 10px;
    line-height: 24px;
    margin-bottom: 50px;
}

.part_head > h1 {
    font-size: 24px;
    color: #3e50b4;
    /*font-weight: normal;*/
    font-weight: bold;
}

.part_head > p {
    font-size: 18px;
    color: #b8b8b8;
}

.new_question_container .article_list {
    margin-bottom: 60px;
}

.new_question_container .article_list > h2 {
    font-size: 20px;
    color: #262626;
    margin-bottom: 26px;
    font-weight: bold;
}

.new_question_container .article_list > p {
    font-size: 14px;
    color: #6f6f6f;
    height: 36px;
    line-height: 18px;
    overflow: hidden;
}

.article_list > p > a {
    display: b;
    color: #6f6f6f;
}

.article_list_check {
    float: right;
    color: #3e50b4;
}

.article_list > p > a:hover {
    color: #333;
}

.footer {
    width: 100%;
    background-color: #192048;
}

.copyright {
    height: 36px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 36px;
    background-color: #13193f;
}

.footer .content {
    padding: 32px 0 10px;
}

.content dt {
    font-weight: normal;
}

.footer .col_left {
    float: left;
    line-height: 30px;
    margin-right: 60px;
}

.col_left > dt {
    margin-bottom: 15px;
    color: #fff;
    font-size: 16px;
}

.col_left > dd {
    margin-bottom: 18px;
}

.col_left > dd,
.col_left > dd > a {
    color: #7984c1;
    font-size: 12px;
}

.footer .code {
    color: #fff;
    font-size: 12px;
    margin: 0 40px;
    text-align: center;
}

.footer .code .code_img {
    width: 92px;
    height: 92px;
    margin-bottom: 15px;
}

.footer .contact {
    font-size: 16px;
    color: #fff;
}

.code span {
    display: block;
    text-align: center;
}

.footer .contact > .phone_number {
    font-size: 34px;
    color: #ffc107;
    line-height: 66px;
}

.phone_number_tips {
    line-height: 16px;
    font-size: 16px;
}

.relation_btn {
    display: block;
    width: 148px;
    height: 40px;
    color: #fff;
    background-color: #5c71ea;
    text-align: center;
    line-height: 40px;
    border-radius: 6px;
}

/***************/
.has_shadow {
    box-shadow: 0px 5px 10px 0 #eef7fd;
    position: relative;
}

.slider {
    width: 184px;
    background-color: #fff;
    min-height: 600px;
}

.personal_top {
    padding: 0 20px 20px;
    border-bottom: 1px solid #f2f7fa;
}

.slider_list {
    /*padding-top: 15px;*/
    padding: 15px 0 40px 0;
}

.personal_top > div {
    position: relative;
    display: block;
    margin: 14px auto;
    width: 70px;
    height: 70px;
    border-radius: 35px;
    overflow: hidden;
}

.personal_top > div > img {
    border: none;
    width: 100%;
    height: 100%;
}

.personal_top > .com_name {
    font-size: 14px;
    color: #5c6e78;
    margin-bottom: 18px;
    text-align: center;
}

.personal_top > .renzhen_btn {
    display: block;
    width: 100%;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    background-color: #7bce4c;
}

.tree_list {
    position: relative;
}

.tree_list > a {
    display: block;
    color: #5c6e78;
    font-size: 14px;
    padding: 18px 0 18px 24px;
}

.tree_list.active > a {
    border-left: 2px solid #129ff7;
}

.tree_list.hover > a, .tree_list.active > a,
.tree_second_list > li.hover {
    background-color: #e3edf3;
}

.tree_list.active > a,
.tree_list.hover > a,
.tree_second_list > li.hover > a {
    color: #129ff7;
}

.tree_second_list > li > a {
    display: block;
    color: #5c6e78;
    font-size: 14px;
    padding: 18px 0 18px 48px;
}

.tree_list > a > .tree_icon,
.tree_second_list > li > a > .tree_icon {
    display: inline-block;
    height: 18px;
    width: 32px;
    vertical-align: sub;
}

.content_right {
    margin: 56px 0 0 56px;
    width: 960px;
}

.fill_goods {
    background-color: #fff;
    border-radius: 4px;
    padding: 0 38px;
    margin: 32px 0;
    float: left;
    width: 100%;
}

.page_title {
    color: #20273a;
    font-size: 18px;
    font-weight: normal;
}

.fill_content {
    padding: 12px 0;
}

.logistics_content.fill_content {
    padding: 12px 0 28px 0;
}

.fill_goods .fill_title {
    height: 58px;
    border-bottom: 1px dashed #e3e3e3;
    line-height: 58px;
}

.fill_title > .back {
    color: #129ff7;
}

.fill_title > h2 {
    float: left;
    font-size: 16px;
    font-weight: normal;
    color: #129ff7;
}

.fill_title > .delete {
    float: right;
    width: 78px;
    height: 32px;
    border-radius: 16px;
    margin: 13px 0;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    color: #e53a33;
    background-color: #fdebeb;
}

.fill_title > .choose_btn {
    float: right;
    padding: 0 18px;
    height: 32px;
    border-radius: 16px;
    margin: 13px 0;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    color: #5bbdf3;
    background-color: #e7f5fe;
}

.delete > .delete_icon {
    position: relative;
    top: 1px;
    display: inline-block;
    height: 12px;
    width: 16px;
    background: url('/statics/image/delete_icon.png') no-repeat left center;
}

.delete > span,
.choose_btn > span {
    display: inline-block;
}

.choose_btn > .add_info_icon {
    position: relative;
    top: 2px;
    display: inline-block;
    height: 14px;
    width: 16px;
    background: url('/statics/image/add_file.png') no-repeat left center;
    /*vertical-align: middle;*/
}

.fill_list {
    width: 50%;
}

.block_line {
    margin: 18px 0;
    width: 100%;
    float: left;
    font-size: 14px;
    color: #5c6e78;
}

.fill_list > li {
    float: left;
    width: 100%;
    height: 38px;
    line-height: 38px;
    margin: 18px 0;
    font-size: 14px;
    color: #5c6e78;
    position: relative;
}

.fill_input,
.fill_list > li > .fill_input,
.block_line > .fill_input {
    height: 38px;
    width: 322px;
    border: 1px solid #cee0f4;
    font-size: 14px;
    color: #5c6e78;
    padding: 9px 34px 9px 10px;
    background-color: #f2f7fa;
    float: left;
    line-height: 14px;
}

.normal_input_noborder {
    border: none;
    background-color: inherit;
}

.has_long_unit.fill_input {
    padding: 10px 54px 10px 10px;
}

.choose_box {
    float: left;
    height: 32px;
    /*margin: 3px 0 0;*/
    margin-top: 3px;
    border: 1px solid #129ff7;
    border-radius: 4px;
}

.choose_box.deep_blue {
    border: 1px solid #3e50b4;
}

.choose_box > label {
    float: left;
    height: 30px;
    min-width: 48px;
    position: relative;
    color: #129ff7;
    font-size: 14px;
}

.choose_box > label.deep_blue {
    color: #3e50b4;
}

.choose_box > label > .radio_cs {
    opacity: 0;
    position: absolute;
}

.choose_box > label > .radio_cs:checked + .radio_text {
    background-color: #129ff7;
    color: #fff;
}

.choose_box > label.deep_blue > .radio_cs:checked + .radio_text {
    background-color: #3e50b4;
}

.choose_box > label > .radio_text {
    float: left;
    min-width: 48px;
    padding: 0 10px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #f2f7fa;
    cursor: pointer;
}

.choose_box > label:first-child > .radio_text {
    border-radius: 4px 0 0 4px;
}

.choose_box > label:first-child + label > .radio_text {
    border-radius: 0 4px 4px 0;
}

.has_select {
    width: 322px;
    float: left;
    position: relative;
}

.has_select > .position_select {
    position: absolute;
    left: 1px;
    top: 1px;
}

.position_select > .fill_select {
    display: block;
    width: 90px;
    height: 36px;
    border-color: #cee0f4;
    border-width: 0 1px 0 0;
    border-radius: 0;
    background-color: #f2f7fa;
    padding: 0 22px 0 10px;
    font-size: 14px;
    background: #f2f7fa url('/statics/image/angle_down.png') no-repeat;
    background-position-y: 50%;
    background-position-x: 70px;
    border-radius: 4px 0 0 4px;
}

.has_select > .fill_input {
    border-radius: 4px 0 0 4px;
    padding-left: 100px;
}

.right_parent {
    height: 38px;
    width: 322px;
    float: right;
}

.fill_input.middle,
.fill_list > li > .fill_input.middle {
    width: 140px;
    border-radius: 4px;
}

.block_line > .fill_input.long {
    width: 796px;
}

.fill_list.pull_right > li > .name,
.fill_list.pull_right > li > .fill_input,
.fill_list.pull_right > li > .fill_select {
    float: right;
}

.fill_list.pull_right > li.align_left > .name,
.fill_list.pull_right > li.align_left > .fill_input {
    float: left;
}

.fill_list > li > .name,
.block_line > .name {
    width: 88px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #5c6e78;
    text-align: left;
    float: left;
}

.fill_list > li > .name.long_name {
    width: 120px;
}

.fill_list > li > .fill_input.has_long_name {
    width: 290px;
}

.inline_check {
    float: left;
    height: 38px;
    line-height: 38px;
    margin: 0 20px 0 0;
    font-size: 14px;
    color: #5c6e78;
}

.inline_check > .check, .inline_check > span {
    display: inline-block;
    vertical-align: middle;
}

.fill_select {
    border: 1px solid #cee0f4;
    line-height: 1;
    font-size: 14px;
    color: #5c6e78;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
    display: none;
}

.fill_list > li > .fill_select {
    height: 38px;
    width: 322px;
    border: 1px solid #cee0f4;
    line-height: 1;
    font-size: 14px;
    color: #5c6e78;
    padding: 0 34px 0 10px;
    border-radius: 0;
    background: #f2f7fa url('/statics/image/angle_down.png') no-repeat;
    background-position-y: 50%;
    background-position-x: 300px;
    vertical-align: middle;
}

.fill_select {
    height: 38px;
    width: 322px;
    border: 1px solid #cee0f4;
    line-height: 1;
    font-size: 14px;
    color: #5c6e78;
    padding: 0 34px 0 10px;
    border-radius: 0;
    background: #f2f7fa url('/statics/image/angle_down.png') no-repeat;
    vertical-align: middle;
    border-radius: 4px;
}

.fill_select.middle {
    width: 140px;
    background-position-y: 50%;
    background-position-x: 120px;
    border-radius: 4px;
}

.fill_select.short {
    height: 38px;
    width: 100px;
    border: 1px solid #cee0f4;
    line-height: 1;
    font-size: 14px;
    color: #5c6e78;
    padding: 0 20px 0 10px;
    border-radius: 4px;
    background: #f2f7fa url('/statics/image/angle_down.png') no-repeat;
    background-position-y: 50%;
    background-position-x: 80px;
}

.area_select > .fill_select {
    float: left;
    margin: 0 12px 0 0;
}

.fill_list.pull_right > li > .unit {
    height: 38px;
    position: absolute;
    right: 12px;
    top: 0;
}

.fill_list.pull_left > li > .unit {
    height: 38px;
    position: absolute;
    right: 40px;
    top: 0;
}

.fill_textarea {
    height: 104px;
    padding: 10px;
    border: 1px solid #cee0f4;
    background-color: #f2f7fa;
    resize: none;
}

.form_bottom_btn {
    float: left;
    width: 100%;
    text-align: center;
    padding: 4px 0 98px 0;
}

.form_bottom_btn .normal_btn {
    margin: 0 38px;
}

.normal_btn {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    min-width: 110px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    /*vertical-align: middle;*/
}

.normal_btn.save {
    background-color: #fff;
    border: 1px solid #129ff7;
    color: #129ff7;
}

.normal_btn.save_send {
    border: none;
    background-color: #7bce4c;
    color: #fff;
}

.normal_btn.save_send:disabled {
    background-color: #dadada;
}

.normal_btn.save_send.disabled {
    background-color: #dadada;
}

.bottom_pad {
    padding-bottom: 60px;
}

.fill_textarea.long {
    width: 796px;
}

.inline_btn_green {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 26px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    background-color: #7bce4c;
}

.add_goods {
    height: 36px;
    line-height: 36px;
    text-align: right;
    float: left;
    width: 100%;
}

.add_goods > span {
    color: #5c6e78;
    font-size: 14px;
}

.add_goods > .inline_btn_green {
    margin-left: 28px;
}

.require > .name {
    position: relative;
}

.require > .name:after {
    content: '*';
    position: absolute;
    width: 16px;
    height: 38px;
    color: #eb482d;
    left: -20px;
    padding-top: 2px;
    font-size: 16px;
    top: 0;
}

.fabu {
    background: url('/statics/image/fabu.png') no-repeat left center;
}

.active > a .fabu,
.hover > a .fabu {
    background: url('/statics/image/fabu_active.png') no-repeat left center;
}

.baojia {
    background: url('/statics/image/baojia.png') no-repeat left center;
}

.active > a .baojia,
.hover > a .baojia {
    background: url('/statics/image/baojia_active.png') no-repeat left center;
}

.dingdan {
    background: url('/statics/image/dingdan.png') no-repeat left center;
}

.active > a .dingdan,
.hover > a .dingdan {
    background: url('/statics/image/dingdan_active.png') no-repeat left center;
}

.tubiao {
    background: url('/statics/image/tubiao.png') no-repeat left center;
}

.active > a .tubiao,
.hover > a .tubiao {
    background: url('/statics/image/tubiao_active.png') no-repeat left center;
}

.xiaoxi {
    background: url('/statics/image/xiaoxi.png') no-repeat left center;
}

.active > a .xiaoxi,
.hover > a .xiaoxi {
    background: url('/statics/image/xiaoxi_active.png') no-repeat left center;
}

.zijin {
    background: url('/statics/image/zijin.png') no-repeat left center;
}

.active > a .zijin,
.hover > a .zijin {
    background: url('/statics/image/zijin_active.png') no-repeat left center;
}

.geren {
    background: url('/statics/image/geren.png') no-repeat left center;
}

.active > a .geren,
.hover > a .geren {
    background: url('/statics/image/geren_active.png') no-repeat left center;
}

.pingjia {
    background: url('/statics/image/flower.png') no-repeat left center;
}

.active > a .pingjia,
.hover > a .pingjia {
    background: url('/statics/image/flower_active.png') no-repeat left center;
}

.star {
    background: url('/statics/image/star.png') no-repeat left center;
}

.active > a .star,
.hover > a .star {
    background: url('/statics/image/star_active.png') no-repeat left center;
}

.dingwei {
    background: url('/statics/image/dingwei.png') no-repeat left center;
}

.active > a .dingwei,
.hover > a .dingwei {
    background: url('/statics/image/dingwei_active.png') no-repeat left center;
}

.kaipiao {
    background: url('/statics/image/kaipiao.png') no-repeat left center;
}

.active > a .kaipiao,
.hover > a .kaipiao {
    background: url('/statics/image/kaipiao_active.png') no-repeat left center;
}

.caricon {
    background: url('/statics/image/caricon.png') no-repeat left center;
}

.active > a .caricon,
.hover > a .caricon {
    background: url('/statics/image/caricon_active.png') no-repeat left center;
}

.luxian {
    background: url('/statics/image/luxian.png') no-repeat left center;
}

.active > a .luxian,
.hover > a .luxian {
    background: url('/statics/image/luxian_active.png') no-repeat left center;
}

/*************/
.table_list_container {
    width: 100%;
    margin: 32px 0;
}

.table_list_container.top_nomargin {
    margin-top: 0;
}

.table_list {
    background-color: #fff;
    border-radius: 3px;
    margin-bottom: 1px;
    font-size: 12px;
    color: #5a777d;
}

.table_list.black {
    color: #202020;
}

.table_list.error {
    background-color: #ffeeee;
}

.receive_send tr td {
    border-bottom: 1px solid #f2f7fa;
}

.receive_send tr th {
    border-bottom: 1px solid #f2f7fa;
    padding: 12px 0;
    font-weight: normal;;
}

.receive_send tr th.area {
    padding: 12px 0 12px 64px;
}

.table_list.error > .receive_send_body .rls_status {
    color: #fe5656;
}

.list_head {
    padding: 12px 0;
}

.list_body > li {
    height: 64px;
    display: table;
}

.table_cell {
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
}

.table_list > li {
    float: left;
}

.table_list > .c_name {
    width: 250px;
    padding-left: 18px;
}

.table_list > .contract {
    width: 90px;
}

.table_list > .tel {
    width: 120px;
}

.table_list > .area {
    width: 145px;
}

.table_list > .car {
    width: 80px;
}

.table_list > .record {
    width: 95px;
}

.table_list > .op {
    width: 180px;
}

.starts {
    font-size: 0;
}

.c_name .cp_home_icon {
    float: left;
    margin-right: 15px;
    width: 35px;
    height: 35px;
    background: url('/statics/image/home_pink_icon.png') no-repeat center center;
}

.c_name .cp_home_icon_person {
    background: #fff;
}

.cp_home_icon img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.cp_icon {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 4px;
    background: url('/statics/image/qi.png') no-repeat center center;
    vertical-align: middle;
}

.cp_detail {
    height: 35px;
}

.cp {
    font-size: 14px;
    margin-bottom: 2px;
}

.cp > span {
    display: inline-block;
    vertical-align: middle;
    width: 140px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.bid_cp.cp > span {
    width: 180px;
}

.table_op {
    float: left;
    color: #129ff7;
    margin-right: 10px;
}

.normal_link {
    color: #129ff7;
}

.text_elips {
    width: 90%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.renzhen_info {
    padding-left: 34px;
    font-size: 14px;
    color: #5c6e78;
}

.renzhen_info > .top {
    height: 30px;
    line-height: 30px;
    margin: 12px 0 32px 0;
}

.renzhen_info > ul > li {
    line-height: 26px;
}

.top > span {
    margin-right: 50px;
}

.top > span,
.top > a {
    display: inline-block;
    vertical-align: middle;
}

.renzhen_info .person_icon {
    display: inline-block;
    height: 30px;
    width: 30px;
    background: url('/statics/image/person_icon.png') no-repeat center center;
    vertical-align: middle;
}

.renzhen_info .qiye_icon {
    display: inline-block;
    height: 30px;
    width: 30px;
    background: url('/statics/image/user_qiye_icon.png') no-repeat center center;
    vertical-align: middle;
}

.renzhen_right {
    text-align: center;
    padding-top: 20px;
}

.right_bg {
    width: 100%;
    height: 86px;
    background: url('/statics/image/gray_house.png') no-repeat center center;
}

.right_bg.personal {
    background: url('/statics/image/gray_people.png') no-repeat center center;
}

.renzhen_right .gray_tips {
    color: #b1b1b1;
    font-size: 14px;
    margin-top: 32px;
}

.renzhen_right .red_tips {
    padding-top: 30px;
    color: #f85e5e;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.renzhen_right .normal_btn {
    height: 34px;
    line-height: 34px;
    padding: 0 16px;
}

.pagenation {
    margin: 36px 0 56px 0;
    text-align: center;
}

.pagenation > ul > li {
    display: inline-block;
    color: #202020;
    font-size: 14px;
    vertical-align: middle;
}

.pagenation > ul > li > a, .pagenation > ul > li > span {
    vertical-align: middle;
}

.pagenation > ul > li.back > a {
    margin-right: 32px;
}

.pagenation > ul > li.back > a,
.pagenation > ul > li.next > a {
    width: 72px;
    background-color: #daf1ff;
    color: #129ff7;
    border-radius: 3px;
}

.pagenation > ul > li.back.disabled > a,
.pagenation > ul > li.next.disabled > a {
    background-color: #dde7ed;
    color: #464b58;
}

.pagenation > ul > li > a,
.pagenation > ul > li > .dot {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
}

.pagenation > ul > li > a:hover {
    background-color: #fff;
}

.pagenation > ul > li > a.current {
    background-color: #3e50b4;
    color: #fff;
}

.pagenation > ul > li > .total {
    display: block;
    height: 36px;
    line-height: 36px;
    margin: 0 12px;
    min-width: 78px;
}

.pagenation > ul > li.drump {
    position: relative;
    height: 36px;
    line-height: 36px;
}

.drump > .drump_inp {
    position: absolute;
    top: 50%;
    left: 50px;
    margin-top: -14px;
    height: 28px;
    width: 57px;
    line-height: 28px;
    border: 1px solid #daf1ff;
    text-align: center;
}

.drump span {
    margin-right: 75px;
}

.page_title_op {
    height: 32px;
    line-height: 32px;
    margin-bottom: 12px;
}

.page_title_op > .normal_btn {
    height: 32px;
    line-height: 32px;
    width: 106px;
    font-size: 12px;
    text-align: center;
}

.page_title_op > .normal_btn > .add_icon {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url('/statics/image/add.png') no-repeat center center;
    vertical-align: sub;
    margin-right: 4px;
}

.receive_send > .area {
    width: 185px;
}

.receive_send > .contract {
    width: 105px;
}

.receive_send > .tel {
    width: 150px;
}

.receive_send > .op {
    width: 100px;
}

.receive_send > .addr {
    width: 310px;
}

.receive_send > .car_num {
    width: 175px;
    padding-left: 30px;
}

.receive_send > .car_type,
.receive_send > .car_length {
    width: 170px;
}

.receive_send > .status {
    width: 110px;
}

.receive_send > th,
.receive_send > td {
    text-align: left;
    font-weight: normal;
}

.receive_send_body {
    min-height: 46px;
    font-size: 14px;
    width: 100%;
}

.receive_send_body td {
    padding: 20px 10px 20px 0;
    line-height: 20px;
}

.receive_send_head .receive_send > .area {
    padding-left: 66px;
}

.receive_send_head {
    width: 100%;

}

.page_title_op > .normal_btn > span {
    display: inline-block;
}

.add_list_tag {
    padding-left: 12px;
}

.tag_container {
    width: 50px;
    display: inline-block;
}

/*.add_list_tag .addr_icon{}*/
.addr_icon {
    display: inline-block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    color: #fff;
    margin-right: 4px;
    background: #f85e5e;
    /*margin:0 25px;*/
    vertical-align: middle;
    border-radius: 2px;
}

.addr_icon.blue {
    background-color: #129ff7;
}

.moren_head {
    display: inline-block;
    width: 88px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border-radius: 3px;
    color: #129ff7;
    font-size: 12px;
    background-color: #e5f6ff;
}
.zj_moren_head_frame{
    position: relative;
}
.zj_moren_head_frame .moren_head {
    position: absolute;
    top: 50%;
    margin-top: -16px;
}

.moren_head.set_moren {
    /*display: none;*/
    opacity: 0;
}

.receive_send.list_head {
    padding: 12px 0;
}

.receive_send > .pay_duty {
    width: 190px;
    padding: 12px 18px;
}

.receive_send > .duty_number {
    width: 250px;
    padding: 12px 18px;
}

.receive_send > .duty_type {
    width: 190px;
    padding: 12px 18px;
}

.receive_send > .duty_op {
    width: 180px;
    padding: 20px 18px;
}

.fill_list > li > .fill_select.short {
    width: 188px;
}

.blue_btn {
    display: inline-block;
    height: 38px;
    min-width: 106px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #129ff7;
    color: #129ff7;
    background-color: #fff;
    vertical-align: middle;
    border-radius: 3px;
}

.fill_list > li > .blue_btn {
    margin-left: 24px;
}

.receive_send > .begin_area {
    width: 190px;
    padding: 0 18px;
}

.receive_send > .end_area {
    width: 600px;
    padding: 0 18px;
}

.page_title_op > .blue_btn {
    height: 32px;
    line-height: 32px;
    margin-right: 32px;
    font-size: 12px;
}

.add_fenzu {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: sub;
    margin-right: 10px;
    background: url('/statics/image/fenzu.png') no-repeat center center;
}

.car_lsit {
    margin-bottom: 36px;
}

.page_title_op > .options {
    margin-left: 116px;
}

.page_title_op > .options > li {
    float: left;
}

.page_title_op > .options > li > a {
    font-size: 14px;
    color: #90a2ac;
    display: inline-block;
    margin: 0 16px;
    height: 26px;
    line-height: 26px;
    text-align: center;
}

.page_title_op > .options > li > a.active {
    border-bottom: 1px solid #129ff7;
    color: #129ff7;
}

.page_title_op > .options > li > a:hover {
    color: #129ff7;
}

.receive_send > .rls_number {
    width: 230px;
    padding: 0 18px 0 18px;
}

.receive_send > .rls_name {
    width: 110px;
    padding: 0 18px 0 0;
}

.receive_send > .rls_time {
    width: 165px;
    padding: 0 18px 0 0;
}

.receive_send > .rls_people {
    width: 68px;
}

tbody .rls_people_yq {
    text-decoration: underline;
    color: #129ff7;
    cursor: pointer;
}

.receive_send > .rls_count {
    width: 84px;
}

.receive_send > .rls_status {
    width: 65px;
}

.receive_send > .rls_status {
    width: 65px;
}

.receive_send > .rls_op {
    width: 230px;
}

.receive_send > .rls_op > a {
    color: #129ff7;
    display: inline-block;
    margin-right: 6px;
}

.receive_send .has_icon > .table_icon {
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: sub;
    margin-right: 8px;
}

.has_icon.tuan > .table_icon {
    background: url('/statics/image/tuan_icon.png') no-repeat center center;
}

.has_icon.zhi > .table_icon {
    background: url('/statics/image/zhi_icon.png') no-repeat center center;
}

.receive_send > .bid_number {
    width: 190px;
}

.receive_send_head .receive_send > .bid_number {
    padding-left: 80px;
}

.receive_send_body .receive_send > .bid_number {
    padding-left: 35px;
}

.receive_send_body .receive_send > .y_bid_number {
    padding-left: 75px;
}

.receive_send > .bid_number > .check {
    margin-right: 25px;
}

.receive_send > .bid_money {
    width: 147px;
}

.receive_send > .bid_people {
    width: 225px;
}

.receive_send > .bid_contact {
    width: 116px;
}

.bottom_btn_box {
    margin: 26px 0;
}

.align_left {
    text-align: left;
}

.bottom_btn_box > .tips {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #202020;
    margin-left: 12px;
}

.receive_send > .rls_contact {
    width: 70px;
}

.receive_send > .rls_tel {
    width: 120px;
}

.receive_send > .rls_type {
    width: 90px;
}

/*.receive_send>.rls_count{
	width: 78px;
}*/
.receive_send > .rls_price {
    width: 116px;
}

.receive_send > .rls_op.middle {
    width: 180px;
}

.receive_send > .ord_msg {
    width: 284px;
    /*padding: 20px 20px 20px 0;*/
}

.receive_send > .ord_carrier {
    width: 190px;
}

.three_dot {
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url('/statics/image/dot_three_black.png') no-repeat center center;
    vertical-align: middle;
}

.ord_msg > .three_dot {
    margin: 0 8px;
}

.receive_send > .mine_msg {
    width: 420px;
}

.receive_send > .eva_content {
    width: 316px;
    padding: 0 10px 0 22px;
}

.receive_send > .star_level {
    width: 120px;
}

.receive_send > .eva_person {
    width: 195px;
}

.receive_send > .eva_order {
    width: 190px;
}

.modal_fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .1);
    display: none;
}

.modal_choose_address {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -184px;
    margin-left: -360px;
    max-height: 368px;
    width: 740px;
    background-color: #eaf0f3;
    border-radius: 4px 4px 0 0;
    display: none;

}

.modal_container {
    max-height: 368px;
    width: 100%;
    overflow: auto;
}

.modal_container > .area_list,
.modal_container > .head_list {
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 1px;
    cursor: pointer;
}
.zj_send_get_frame .area_list{
    font-size: 14px;
    color: #202020;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 1px;
    cursor: pointer;
}

.modal_container > .area_list {
    font-size: 14px;
    color: #202020;
}

.modal_container > .head_list {
    font-size: 12px;
    color: #5a777d;
}

.modal_container > .area_list:hover {
    box-shadow: 0 0 5px 1px #129ff7 inset;
}

.area_list > li,
.head_list > li {
    float: left;
    display: table;
    min-height: 44px;
    padding: 10px 12px;
}

.area_list > li > .cell,
.head_list > li > .cell {
    display: table-cell;
    vertical-align: middle;
    word-break: break-all;
}

.area_list > li.area,
.head_list > li.area {
    width: 170px;
}

.area_list > li.area_info,
.head_list > li.area_info {
    width: 320px;

}

.area_list > li.send_person,
.head_list > li.send_person {
    width: 100px;

}

.area_list > li.tel,
.area_list > li.tel {
    width: 120px;
}

.modal_close {
    position: absolute;
    right: -10px;
    top: -10px;
    height: 20px;
    width: 20px;
    background: url('/statics/image/modal_close.png') no-repeat center center;
}

.y_modal_close {
    position: absolute;
    right: -10px;
    top: -10px;
    height: 20px;
    width: 20px;
    background: url('/statics/image/modal_close.png') no-repeat center center;
}

.modal_invite {
    position: absolute;
    top: 50%;
    left: 50%;
    /*margin-left:-505px;*/
    margin-left: -260px;
    margin-top: -185px;
    /*width: 1010px;*/
    width: 520px;
    height: 370px;
    background-color: #eaf0f3;
    border-radius: 4px;
    display: none;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
}

.modal_invite > .top_search {
    width: 100%;
    padding: 6px 0 6px 14px;
    background: #fff;
    margin: 1px 0;
    border-radius: 4px;
}

.invite_search > li {
    float: left;
}

.invite_search {
    padding-left: 18px;
}

.modal_select {
    margin-right: 14px;
    width: 98px;
    height: 30px;
    padding: 0 30px 0 18px;
    border: none;
    border-radius: 15px;
    background: #e8edf0 url('/statics/image/arrow_gray.png') no-repeat;
    background-position-x: 76px;
    background-position-y: center;
    color: #5c6e78;
}

.invite_search > li {
    margin-right: 14px;
}

.modal_input {
    margin-right: 14px;
    height: 30px;
    width: 204px;
    border: none;
    padding: 0 10px 0 45px;
    border-radius: 15px;
    background: #e8edf0 url('/statics/image/search_icon.png') no-repeat;
    background-position-x: 16px;
    background-position-y: center;
}


.modal_input::-webkit-input-placeholder,
.modal_input:-ms-input-placeholder,
.modal_input::-moz-placeholder {
    color: #5c6e78;
}

.modal_invite > .invite_list {
    height: 324px;
    border-radius: 4px;
    float: left;
    overflow: auto;
    /*width: 488px;*/
    width: 100%;
    /*background: #fff;*/
}

.modal_invite > .invite_add_list {
    height: 324px;
    border-radius: 4px;
    float: right;
    overflow: auto;
    /*width: 488px;*/
    width: 0;
    /*background: #fff;*/
}

.modal_list.table_list > .op {
    width: 80px;
}

input[readonly].carrier_list {
    cursor: pointer;
}

.invoice_modal {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -240px;
    margin-top: -185px;
    width: 480px;
    height: 370px;
    background-color: #eaf0f3;
    border-radius: 4px;
    display: none;
}

.area_list > .invoice_name,
.head_list > .invoice_name {
    width: 180px;
    padding: 0 10px 0 24px;
}

.head_list > .invoice_number,
.area_list > .invoice_number {
    width: 160px;
    padding: 0 10px 0 0;
}

.head_list > .invoice_type,
.area_list > .invoice_type {
    width: 115px;
}

.article_content {
    background-color: #fff;
    padding: 45px;
    min-height: 400px;
}

.fill_title .empty {
    height: 32px;
    margin: 13px 0 0 20px;
    line-height: 32px;
    border-left: 1px solid #e7f5fe;
    color: #129ff7;
    padding: 0 0 0 20px;
    font-size: 12px;
}

.tips_container {
    position: fixed;
    top: 50%;
    left: 50%;
    border-radius: 4px;
    background-color: #eaf0f3;
}

.tips_container > .tips_detail {
    min-height: 120px;
    padding: 50px 25px;
    width: 400px;
    background-color: #fff;
    border-radius: 4px;
    line-height: 20px;
    text-align: center;
}

.tips_container > .modal_bottom_btn {
    padding: 12px 24px;
    text-align: right;
}

.tips_container .modal_bottom_btn .normal_btn {
    margin-left: 25px;
    width: 90px;
    min-width: inherit;
}

.tips_container .bottom_off {
    background-color: transparent;
    border: 1px solid #129ff7;
    color: #129ff7;
}

.modal_bottom_btn > .normal_btn {
    width: 80px;
    height: 32px;
    line-height: 32px;
}

.child_order .rls_number {
    padding: 0 18px 0 50px;
    position: relative;
}

.child_order .rls_number:before {
    content: '';
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #202020;
    border-width: 0px 0 1px 1px;
    top: 18px;
    left: 29px;
}

.top_show_message {
    position: fixed;
    z-index: 10000;
    left: 50%;
    top: 28px;
    margin-left: -180px;
    width: 360px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    color: #fff;
    background-color: #7bce4c;
    border-radius: 0 0 4px 4px;
    text-align: center;
    opacity: 1;
}

.news_info a {
    display: block;
    padding-left: 18px;
    width: 32px;
    height: 100%;
    background: url("/statics/image/new_info.png") no-repeat 0 center;
    line-height: 30px;
    color: #d7d7d7;
}

/*消息弹窗*/
.top_news_info {
    position: fixed;
    left: 62%;
    z-index: 99;
    top: 114px;
    width: 345px;
    background-color: #fff;
    border-radius: 4px;
    /*border: 1px solid #e3e3e3;*/
    color: #5c6e78;
}

.news_info_tips {
    padding: 0 8px 0 14px;
    border-bottom: 1px solid #e3e3e3;
    line-height: 30px;
}

.news_info_tips a {
    float: right;
    color: #c3c8cb;
}

.news_info_content {
    padding: 0 14px 8px;
    max-height: 250px;
    overflow: auto;
}

.news_info_content p {
    padding-bottom: 10px;
    line-height: 18px;

}

.news_info_content p:first-child {
    color: #c3c8cb;
    line-height: 30px;
}

